<template>
    <div>
        <button @click="send">发消息</button>
		<button @click="getMessage">发消息11</button>
    </div>
</template>

<script>
export default {
    data () {
        return {
            path:"ws://192.168.10.160:30020/remote/object/property",
            socket:""
        }
    },
    mounted () {
        // 初始化
        this.init()
    },
    methods: {
        init: function () {
            if(typeof(WebSocket) === "undefined"){
                alert("您的浏览器不支持socket")
            }else{
                // 实例化socket
                this.socket = new WebSocket(this.path)
                // 监听socket连接
                this.socket.onopen = this.open
                // 监听socket错误信息
                this.socket.onerror = this.error
                // 监听socket消息
                this.socket.onmessage = this.getMessage
            }
        },
        open: function () {
            console.log("socket连接成功")
			
        },
        error: function () {
            console.log("连接错误")
        },
        getMessage: function (msg) {
            // console.log(msg.data)
			let test=this.path
			let text =(test.toString()).replace(/a?\a/,'');
			console.log(text)
			
			
			
        },
        send: function () {
			
        },
        close: function () {
            console.log("socket已经关闭")
        }
    },
    destroyed () {
        // 销毁监听
        this.socket.onclose = this.close
		
    }
}
</script>

<style>

</style>